<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>邀请有礼</h1>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="invitation">
      <div class="img">
        <img src="../../assets/images/mkf/invite_title.png" />
      </div>
      <div class="way">
        <div><span>1</span>分享名片属于你的推文(自动包含邀请人ID);</div>
        <div><span>2</span>对方注册时填写你的个人ID作为邀请人;</div>
        <div><span>3</span>受邀人开通VIP/续费</div>
      </div>
      <div class="record">
        <div class="title">我的邀请记录</div>
        <div class="item">
          <img class="img" src="../../assets/images/adver.jpg" alt="" />
          <p class="nick">昵称</p>
          <div class="status">
            <p class="top">暂未注册</p>
            <p class="bottom">快去提醒ta吧</p>
          </div>
          <!-- <div class="status">
					<p class="top">暂未开通VIP</p>
					<p class="bottom">快去提醒ta吧</p>
				</div>
				<div class="status">
					<p class="top">已失效</p>
					<p class="bottom">已被他人邀请注册，或已失效</p>
				</div>
				<div class="status">
					<p class="top">已开通VIP</p>
					<p class="bottom">开通时间：2020.01.02</p>
				</div>
				<div class="status">
					<p class="top">VIP已过期</p>
					<p class="bottom">过期时间：2020.01.02</p>
				</div> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data: function() {
    return {};
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped></style>
